<style>
.ainuo_bbs3{}
.ainuo_bbs3 .asub_forumlist li{ width:100%;border-bottom:1px solid #eee; display:block; position:relative;}
.ainuo_bbs3 .asub_forumlist li:last-child{ border:none;}
.ainuo_bbs3 .asub_forumlist li a{ padding:15px 10px; display:block; overflow:hidden;}
.ainuo_bbs3 .asub_forumlist li a img{ width:45px; height:45px; border-radius:2px;}
.ainuo_bbs3 .asub_forumlist li h2 { display:block;font-weight:400; font-size:16px; position:absolute; left:70px; top:19px; color:#222; height:18px; max-width:119px; overflow:hidden;}
.ainuo_bbs3 .asub_forumlist li p { position:absolute; padding-right:10px; left:70px; top:46px; height:18px; line-height:18px; overflow:hidden; color:#888; font-size:12px;}
.ainuo_bbs3 .asub_forumlist li h2 .orange{color:#fff;font-size:10px; background:#ff6600; line-height:10px; padding:0px 4px;border-radius:8px; position:relative; top:-2px;}
.ainuo_bbs3 .asub_forumlist li em{ top:18px;font-size:12px; position:absolute; right:15px; color:#999; font-size:10px;}
.ainuo_bbs3 .bm_atit { height:42px; line-height: 42px; white-space: nowrap; overflow: hidden; border-bottom:1px solid #eee;background:#fff;}
.ainuo_bbs3 .bm_atit h2 a { display:block; padding-left:10px; font-weight:400; font-size:14px; color:#666;}
.ainuo_bbs3 .bm_atit h2 span { display:block; padding-left:10px; font-weight:400; font-size:14px; color:#666;-webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.ainuo_bbs3 .bbs_bm{ background:#fff; border-bottom:1px solid #eee;border-top:1px solid #eee;}

.ainuo_bbs3 .asub_forumlist3 li{ width:50%;border-bottom:1px solid #eee; display:block; position:relative; float:left;}
.ainuo_bbs3 .asub_forumlist3 li .aline{ display:block; border-right:1px solid #eee; }
.ainuo_bbs3 .asub_forumlist3 li:nth-child(2n) .aline{ border-right:0;}
.ainuo_bbs3 .asub_forumlist3 li a{padding:15px 10px; display:block; overflow:hidden;}
.ainuo_bbs3 .asub_forumlist3 li a img{ width:45px; height:45px; border-radius:2px;}
.ainuo_bbs3 .asub_forumlist3 li h2 { display:block;font-weight:400; height:20px; overflow:hidden; font-size:16px; position:absolute; left:65px; top:14px; color:#222;}
.ainuo_bbs3 .asub_forumlist3 li p { position:absolute; padding-right:10px; left:65px; top:44px; height:18px; overflow:hidden; color:#888; font-size:12px;}
.ainuo_bbs3 .asub_forumlist3 li h2 .orange{color:#fff;font-size:10px; background:#ff6600; line-height:10px; padding:0 4px 0 4px;border-radius:20px; position:relative; top:-1px;}
.ainuo_bbs3 .asub_forumlist3 li em{ top:18px;font-size:12px; position:absolute; right:15px; color:#999; font-size:10px;}
</style>

<div class="ainuo_bbs3 cl">

    
	<!--{loop $catlist $key $cat}-->
    <div class="grey_line cl"></div>
	<div class="cl bbs_bm">
		<div class="bm_atit cl" href="#sub_forum_$cat[fid]">
		<h2><a href="{if !empty($caturl)}$caturl{else}forum.php?forumlist=1&gid=$cat[fid]{/if}" style="{if $cat[extra][namecolor]}color: {$cat[extra][namecolor]};{/if}">$cat[name]</a></h2>
		</div>
        <div id="sub_forum_$cat[fid]" class="asub_forumlist3 cl">
			<ul>
				<!--{loop $cat[forums] $forumid}-->
				<!--{eval $forum=$forumlist[$forumid];}-->
				<li onClick="window.location.href='forum.php?mod=forumdisplay&fid={$forum['fid']}';">
                    <div class="aline cl">
                        <!--{if $forum[icon]}-->
                            $forum[icon]
                        <!--{else}-->
                            <a href="forum.php?mod=forumdisplay&fid={$forum['fid']}"><img src="template/qu_app/touch/style/css/0.png" alt="$forum[name]" /></a>
                        <!--{/if}-->

                        <h2 {if $forum[extra][namecolor]} style="color: {$forum[extra][namecolor]};"{/if}>
                            {$forum[name]}
                            <!--{if $forum[todayposts] > 0}--><span class="num orange">$forum[todayposts]</span><!--{/if}-->
                        </h2>
                        <p>{lang thread}: <!--{echo dnumber($forum[posts])}--></p>

                    </div>
				</li>
				<!--{/loop}-->
			</ul>
		</div>
	</div>
	<!--{/loop}-->
</div>

<!--{hook/index_middle_mobile}-->

<!--{template common/footer}-->
